{{__NOLAYOUT__}}
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <title>消防监测预警平台 | 登录</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    
    <!-- ================== BEGIN BASE CSS STYLE ================== -->
    <!-- <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet"> -->
    <link href="artisan_plugins/jquery-ui/themes/base/minified/jquery-ui.min.css" rel="stylesheet" />
    <link href="artisan_plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="artisan_plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="artisan_css/animate.min.css" rel="stylesheet" />
    <link href="artisan_css/style.min.css" rel="stylesheet" />
    <link href="artisan_css/style-responsive.min.css" rel="stylesheet" />
    <link href="artisan_css/theme/default.css" rel="stylesheet" id="theme" />
    <!-- ================== END BASE CSS STYLE ================== -->
    
    <!-- ================== BEGIN BASE JS ================== -->
    <script src="artisan_plugins/pace/pace.min.js"></script>
    <!-- ================== END BASE JS ================== -->
</head>
<body class="pace-top bg-white">
    <!-- begin #page-loader -->
    <div id="page-loader" class="fade in"><span class="spinner"></span></div>
    <!-- end #page-loader -->
    
    <!-- begin #page-container -->
    <div id="page-container" class="fade">
        <!-- begin login -->
        <div class="login login-with-news-feed">
            <!-- begin news-feed -->
            <div class="news-feed">
                <div class="news-image">
                    <img src="artisan_img/city1.jpg" data-id="login-cover-image" alt="" />
                </div>
                <div class="news-caption">
                    <h4 class="caption-title"><i class="fa fa-diamond text-success"></i>消防监测预警平台</h4>
                    <p>
<a></a>结合当今物联网
            等先进技术研发的一款智慧消防系统。可广泛应用于工矿企业、大型城市综合功能体、学校、医院等场所，并可快速
            地与传统的消防系统进行集成，满足消防规范的要求。
                    </p>
                </div>
            </div>
            <!-- end news-feed -->
            <!-- begin right-content -->
            <div class="right-content">
                <!-- begin login-header -->
                <div class="login-header">
                    <div class="brand">
                        <span class="logo"></span>消防监测预警平台
                        <!-- <small>登录</small> -->
                    </div>
                    <div class="icon">
                        <i class="fa fa-sign-in"></i>
                    </div>
                </div>
                <!-- end login-header -->
                <!-- begin login-content -->
                <div class="login-content">
                    <form action="{:url('admin/Login/login')}" method="POST" class="margin-bottom-0" id="geetest">
                        <div class="form-group m-b-15">
                            <input type="text" name="username" class="form-control input-lg" placeholder="用户名" />
                        </div>
                        <div class="form-group m-b-15">
                            <input type="text" name="password" class="form-control input-lg" placeholder="密码" />
                        </div>
                        <div class="form-group m-b-15">
                                <select class="form-control input-lg" name="usertype">
                                    <option class="selected" value="1">超级管理员</option>
                                    <option value="3">车间负责</option>
                                    <option value="4">工段负责</option>
                                    <option value="2">电气室负责</option>
                                    <option value="5">游客</option>

                                </select>
                        </div>
                        <div class="form-group">
                        <div class="input-group col-lg-7" style="margin: 0px;padding: 0px;float:left;">
                            <input type="text"  name="verify" class="form-control input-lg" placeholder="验证码">
                             <span class="glyphicon glyphicon-qrcode form-control-feedback" style="right:30px;"></span>
                        </div>
                        <div class="input-group col-lg-5">
                            <a href="javascript:void(0)"><img class="verify" id="verify" src="{:url('Admin/Login/verify')}" alt="点击刷新" onclick="this.src='{:url('Admin/Login/verify')}'" style="border-radius: 5px;margin-top:3px; " /></a>
                        </div>                             
                        </div>   
                           
                        <div class="form-group m-b-15">
                          <div class="checkbox m-b-30">
                             <label>
                                 <input type="checkbox" /> 记住我
                             </label>
                          </div> 
                        </div>                          
                        <div class="login-buttons">
                            <button type="submit" class="btn btn-success btn-block btn-lg">登录</button>
                            <!-- <input type="button" value="异步验证登录" onclick="check_verify()">
                            <div id="captcha"></div> -->
                        </div>
                        <div class="m-t-20 m-b-40 p-b-40">
                            没有账号? 点击 <a href="{:url('admin/Register/index')}" class="text-success">这儿</a> 去注册.
                        </div>
                        <hr />
                        <p class="text-center text-inverse">
                            &copy; JUST 计算机协会  All Right Reserved 2017
                        </p>
                    </form>
                </div>
                <!-- end login-content -->
            </div>
            <!-- end right-container -->
        </div>
        <!-- end login -->
        
        <!-- begin theme-panel -->
        <div class="theme-panel">
            <a href="javascript:;" data-click="theme-panel-expand" class="theme-collapse-btn"><i class="fa fa-cog"></i></a>
            <div class="theme-panel-content">
                <h5 class="m-t-0">Color Theme</h5>
                <ul class="theme-list clearfix">
                    <li class="active"><a href="javascript:;" class="bg-green" data-theme="default" data-click="theme-selector" data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Default">&nbsp;</a></li>
                    <li><a href="javascript:;" class="bg-red" data-theme="red" data-click="theme-selector" data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Red">&nbsp;</a></li>
                    <li><a href="javascript:;" class="bg-blue" data-theme="blue" data-click="theme-selector" data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Blue">&nbsp;</a></li>
                    <li><a href="javascript:;" class="bg-purple" data-theme="purple" data-click="theme-selector" data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Purple">&nbsp;</a></li>
                    <li><a href="javascript:;" class="bg-orange" data-theme="orange" data-click="theme-selector" data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Orange">&nbsp;</a></li>
                    <li><a href="javascript:;" class="bg-black" data-theme="black" data-click="theme-selector" data-toggle="tooltip" data-trigger="hover" data-container="body" data-title="Black">&nbsp;</a></li>
                </ul>
                <div class="divider"></div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label double-line">Header Styling</div>
                    <div class="col-md-7">
                        <select name="header-styling" class="form-control input-sm">
                            <option value="1">default</option>
                            <option value="2">inverse</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label">Header</div>
                    <div class="col-md-7">
                        <select name="header-fixed" class="form-control input-sm">
                            <option value="1">fixed</option>
                            <option value="2">default</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label double-line">Sidebar Styling</div>
                    <div class="col-md-7">
                        <select name="sidebar-styling" class="form-control input-sm">
                            <option value="1">default</option>
                            <option value="2">grid</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label">Sidebar</div>
                    <div class="col-md-7">
                        <select name="sidebar-fixed" class="form-control input-sm">
                            <option value="1">fixed</option>
                            <option value="2">default</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label double-line">Sidebar Gradient</div>
                    <div class="col-md-7">
                        <select name="content-gradient" class="form-control input-sm">
                            <option value="1">disabled</option>
                            <option value="2">enabled</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-5 control-label double-line">Content Styling</div>
                    <div class="col-md-7">
                        <select name="content-styling" class="form-control input-sm">
                            <option value="1">default</option>
                            <option value="2">black</option>
                        </select>
                    </div>
                </div>
                <div class="row m-t-10">
                    <div class="col-md-12">
                        <a href="#" class="btn btn-inverse btn-block btn-sm" data-click="reset-local-storage"><i class="fa fa-refresh m-r-3"></i> Reset Local Storage</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- end theme-panel -->
    </div>
    <!-- end page container -->
    
    <!-- ================== BEGIN BASE JS ================== -->
    <script src="artisan_plugins/jquery/jquery-1.9.1.min.js"></script>
    <script src="artisan_plugins/jquery/jquery-migrate-1.1.0.min.js"></script>
    <script src="artisan_plugins/jquery-ui/ui/minified/jquery-ui.min.js"></script>
    <script src="artisan_plugins/bootstrap/js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
        <script src="assets/crossbrowserjs/html5shiv.js"></script>
        <script src="assets/crossbrowserjs/respond.min.js"></script>
        <script src="assets/crossbrowserjs/excanvas.min.js"></script>
    <![endif]-->
    <script src="artisan_plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="artisan_plugins/jquery-cookie/jquery.cookie.js"></script>
    <!-- ================== END BASE JS ================== -->
    
    <!-- ================== BEGIN PAGE LEVEL JS ================== -->
    <script src="artisan_js/apps.min.js"></script>
    <script src="http://static.geetest.com/static/tools/gt.js"></script>
    <!-- ================== END PAGE LEVEL JS ================== -->

    <script>
        $(document).ready(function() {
            App.init();
        });
    </script>
<!--     <script>
    var handler = function (captchaObj) {
        // 将验证码加到id为captcha的元素里
        captchaObj.appendTo("#captcha");
     };
    // 获取验证码
    $.get("{:url('admin/login/geetest_show_verify')}", function(data) {
        // 使用initGeetest接口
        // 参数1：配置参数，与创建Geetest实例时接受的参数一致
        // 参数2：回调，回调的第一个参数验证码对象，之后可以使用它做appendTo之类的事件
        initGeetest({
            gt: data.gt,
            challenge: data.challenge,
            product: "float", // 产品形式
            offline: !data.success
        }, handler);
    },'json');
    // 检测验证码
    function check_verify(){
        // 组合验证需要用的数据
        var test=$('.geetest_challenge').val();
        var postData={
            geetest_challenge: $('.geetest_challenge').val(),
            geetest_validate: $('.geetest_validate').val(),
            geetest_seccode: $('.geetest_seccode').val()
        }
        // 验证是否通过
        $.post("{:url('admin/login/geetest_ajax_check')}", postData, function(data) {
            if (data==1) {
                alert('验证成功');
            }else{
                alert('验证失败');
            }
        });
    }
</script> -->
</body>
</html>
